<script>
  $(document).ready(function() {
    $("#categorias").accordion();
  });
</script>

<ul class="three-cols">
    <li>
        <div id="categorias">
            <h3><a href="#">Muebler&iacute;a</a></h3>
            <ul id="sub-catetorias">
                <li>Porttitor</li>
                <li>Dictum</li>
                <li>Feugiat</li>
                <li>Dignissim</li>
                <li>Aliquam</li>
                <li>Laoreet</li>
                <li>Sapien</li>
                <li>Consequat</li>
                <li>Placerat</li>
                <li>Aliquet</li>
                <li>Placerat</li>
                <li>Etiam</li>
                <li>Convallis</li>
                <li>Tempus</li>
                <li>Porttitor</li>
                <li>Dictum</li>
                <li>Feugiat</li>
                <li>Dignissim</li>
                <li>Aliquam</li>
                <li>Laoreet</li>
                <li>Sapien</li>
            </ul>
            <h3><a href="#">Bazar</a></h3>
            <ul id="sub-catetorias">
                <li>Porttitor</li>
                <li>Dictum</li>
                <li>Feugiat</li>
                <li>Dignissim</li>
                <li>Aliquam</li>
                <li>Laoreet</li>
                <li>Sapien</li>
                <li>Consequat</li>
                <li>Placerat</li>
                <li>Aliquet</li>
                <li>Placerat</li>
                <li>Etiam</li>
                <li>Convallis</li>
                <li>Tempus</li>
                <li>Porttitor</li>
                <li>Dictum</li>
                <li>Feugiat</li>
                <li>Dignissim</li>
                <li>Aliquam</li>
                <li>Laoreet</li>
                <li>Sapien</li>
            </ul>
            <h3><a href="#">Ferreteria</a></h3>
            <ul id="sub-catetorias">
                <li>Porttitor</li>
                <li>Dictum</li>
                <li>Feugiat</li>
                <li>Dignissim</li>
                <li>Aliquam</li>
                <li>Laoreet</li>
                <li>Sapien</li>
                <li>Consequat</li>
                <li>Placerat</li>
                <li>Aliquet</li>
                <li>Placerat</li>
                <li>Etiam</li>
                <li>Convallis</li>
                <li>Tempus</li>
                <li>Porttitor</li>
                <li>Dictum</li>
                <li>Feugiat</li>
                <li>Dignissim</li>
                <li>Aliquam</li>
                <li>Laoreet</li>
                <li>Sapien</li>
            </ul>
            <h3><a href="#">Maquinaria</a></h3>
            <ul id="sub-catetorias">
                <li>Porttitor</li>
                <li>Dictum</li>
                <li>Feugiat</li>
                <li>Dignissim</li>
                <li>Aliquam</li>
                <li>Laoreet</li>
                <li>Sapien</li>
                <li>Consequat</li>
                <li>Placerat</li>
                <li>Aliquet</li>
                <li>Placerat</li>
                <li>Etiam</li>
                <li>Convallis</li>
                <li>Tempus</li>
                <li>Porttitor</li>
                <li>Dictum</li>
                <li>Feugiat</li>
                <li>Dignissim</li>
                <li>Aliquam</li>
                <li>Laoreet</li>
                <li>Sapien</li>
            </ul>
            <h3><a href="#">Pesca</a></h3>
            <ul id="sub-catetorias">
                <li>Porttitor</li>
                <li>Dictum</li>
                <li>Feugiat</li>
                <li>Dignissim</li>
                <li>Aliquam</li>
                <li>Laoreet</li>
                <li>Sapien</li>
                <li>Consequat</li>
                <li>Placerat</li>
                <li>Aliquet</li>
                <li>Placerat</li>
                <li>Etiam</li>
                <li>Convallis</li>
                <li>Tempus</li>
                <li>Porttitor</li>
                <li>Dictum</li>
                <li>Feugiat</li>
                <li>Dignissim</li>
                <li>Aliquam</li>
                <li>Laoreet</li>
                <li>Sapien</li>
            </ul>
            <h3><a href="#">Cocinas a leña</a></h3>
            <ul id="sub-catetorias">
                <li>Porttitor</li>
                <li>Dictum</li>
                <li>Feugiat</li>
                <li>Dignissim</li>
                <li>Aliquam</li>
                <li>Laoreet</li>
                <li>Sapien</li>
                <li>Consequat</li>
                <li>Placerat</li>
                <li>Aliquet</li>
                <li>Placerat</li>
                <li>Etiam</li>
                <li>Convallis</li>
                <li>Tempus</li>
                <li>Porttitor</li>
                <li>Dictum</li>
                <li>Feugiat</li>
                <li>Dignissim</li>
                <li>Aliquam</li>
                <li>Laoreet</li>
                <li>Sapien</li>
            </ul>
        </div>
        
        <div class="title" style="font-size:11px; margin-top: 20px;">Porttitor (#2152145)</div>
        <div class="text">Aliquam lorem arcu, molestie id elementum at, lacinia sit amet sapien. Nulla a urna at justo rhoncus sollicitudin. ed tristique risus eget urna pulvinar mattis. Etiam ornare nulla nec dolor sodales eget pharetra risus imperdiet. Nulla justo odio, ultricies non luctus at, consequat sed lectus. Nullam sed eros non ligula rhoncus malesuada in in velit.</div>
    </li>
    <li class="last-col" style="width: 690px;">
        <div><?php echo image_tag('/uploads/productos/producto01.jpg') ?></div>
    </li>
</ul>

